<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <title>京东商品分类-京东商城</title>
    <link rel="icon" type="text/css" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="css3/normalize.css">
    <link rel="stylesheet" type="text/css" href="css3/reset.css">
    <link rel="stylesheet" type="text/css" href="css3/sort.css">
    <!-- 延迟点击事件解决 -->
    <script src="javascript/fastclick.js"></script>
    <script src="javascript/category.js"></script>
</head>

<body>
    <div class="sort_page">
        <!-- 搜索框 -->
        <div class="search">
            <a href="index.html" class="back"></a>
            <div class="search_box">
                <input type="text" name="" value="" placeholder="花王在日本直采,京东全球购自营">
            </div>
            <a href="list.html" class="order"></a>
        </div>

        <!-- 内容容器 -->
        <div class="container">
            <!-- 内容区域左边内容 -->
            <!-- <div class="nav" id="wrapper">               
            </div> -->
            <div class="ct_cLeft">
                <ul class="">
                    <li class=""><a href="javascript:;">热门推荐</a></li>
                    <li class="active"><a href="javascript:;">潮流女装</a></li>
                    <li class=""><a href="javascript:;">品牌男装</a></li>
                    <li class=""><a href="javascript:;">个护化妆</a></li>
                    <li class=""><a href="javascript:;">电脑办公</a></li>
                    <li class=""><a href="javascript:;">手机数码</a></li>
                    <li class=""><a href="javascript:;">母婴童装</a></li>
                    <li class=""><a href="javascript:;">图书</a></li>
                    <li class=""><a href="javascript:;">家具家纺</a></li>
                    <li class=""><a href="javascript:;">居家生活</a></li>
                    <li class=""><a href="javascript:;">家具建材</a></li>
                    <li class=""><a href="javascript:;">食品生鲜</a></li>
                    <li class=""><a href="javascript:;">酒水饮料</a></li>
                    <li class=""><a href="javascript:;">运动户外</a></li>
                    <li class=""><a href="javascript:;">鞋靴礼品</a></li>
                    <li class=""><a href="javascript:;">奢侈礼品</a></li>
                    <li class=""><a href="javascript:;">珠宝钟表</a></li>
                    <li class=""><a href="javascript:;">玩具乐器</a></li>
                    <li class=""><a href="javascript:;">内衣配饰</a></li>
                    <li class=""><a href="javascript:;">音像制品</a></li>
                    <li class=""><a href="javascript:;">计生情趣</a></li>
                    <li class=""><a href="javascript:;">京东金融</a></li>
                    <li class=""><a href="javascript:;">生活旅行</a></li>
                    <li class=""><a href="javascript:;">宠物农资</a></li>
                </ul>
            </div>
            <!-- 内容 -->
            <div class="content">
                <div class="hot">
                    <h4>热门推荐</h4>
                    <ul>
                        <li><a href="javascript:;">手机</a></li>
                        <li><a href="javascript:;">笔记本</a></li>
                        <li><a href="javascript:;">空调</a></li>
                        <li><a href="javascript:;">收纳用品</a></li>
                        <li><a href="javascript:;">炒锅</a></li>
                        <li><a href="javascript:;">奶粉</a></li>
                        <li><a href="javascript:;">吸顶灯</a></li>
                        <li><a href="javascript:;">儿童文学</a></li>
                    </ul>
                </div>
                <div class="guide">
                    <h4>热门导购</h4>
                    <ul>
                        <li>
                            <a href="javascript:;"><img src="upload/sort_1.jpg" alt="" /><span>国际品牌</span></a>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="upload/sort_2.jpg" alt="" /><span>JD FOR</span></a>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="upload/sort_3.jpg" alt="" /><span>精品女装</span></a>
                        </li>
                    </ul>
                </div>
                <div class="cate">
                    <h4>热卖品类</h4>
                    <div id="wrapper">
                        <ul>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_4.jpg" alt="" /><span>连衣裙</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_5.jpg" alt="" /><span>短袖T恤</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_6.jpg" alt="" /><span>短袖雪纺衫</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_7.jpg" alt="" /><span>白衬衫</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_8.jpg" alt="" /><span>阔腿裤</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_9.jpg" alt="" /><span>短裤</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_10.jpg" alt="" /><span>针织开衫</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_11.jpg" alt="" /><span>宽松卫衣</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_12.jpg" alt="" /><span>牛仔半裙</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_10.jpg" alt="" /><span>针织开衫</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_11.jpg" alt="" /><span>宽松卫衣</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_12.jpg" alt="" /><span>牛仔半裙</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_7.jpg" alt="" /><span>白衬衫</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_8.jpg" alt="" /><span>阔腿裤</span></a>
                            </li>
                            <li>
                                <a href="javascript:;"><img src="upload/sort_9.jpg" alt="" /><span>短裤</span></a>
                                <li>
                                    <a href="javascript:;"><img src="upload/sort_10.jpg" alt="" /><span>针织开衫</span></a>
                                </li>
                                <li>
                                    <a href="javascript:;"><img src="upload/sort_11.jpg" alt="" /><span>宽松卫衣</span></a>
                                </li>
                                <li>
                                    <a href="javascript:;"><img src="upload/sort_12.jpg" alt="" /><span>牛仔半裙</span></a>
                                </li>
                                <li>
                                    <a href="javascript:;"><img src="upload/sort_7.jpg" alt="" /><span>白衬衫</span></a>
                                </li>
                                <li>
                                    <a href="javascript:;"><img src="upload/sort_8.jpg" alt="" /><span>阔腿裤</span></a>
                                </li>
                                <li>
                                    <a href="javascript:;"><img src="upload/sort_9.jpg" alt="" /><span>短裤</span></a>
                                    <li>
                                        <a href="javascript:;"><img src="upload/sort_4.jpg" alt="" /><span>连衣裙</span></a>
                                    </li>
                                    <li>
                                        <a href="javascript:;"><img src="upload/sort_5.jpg" alt="" /><span>短袖T恤</span></a>
                                    </li>
                                    <li>
                                        <a href="javascript:;"><img src="upload/sort_6.jpg" alt="" /><span>短袖雪纺衫</span></a>
                                    </li>
                                    <!-- <li>
                                <a href="javascript:;"><img src="upload/sort_12.jpg" alt="" /><span>牛仔半裙</span></a>
                            </li> -->
                        </ul>
                    </div>
                </div>
                <!-- <div class="dress" id="#wrapper">
                    <h4>热门导购</h4>
                    <ul>
                        <li>
                            <a href="javascript:;"><img src="upload/sort_13.jpg" alt="" /><span>新品裙装</span></a>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="upload/sort_14.jpg" alt="" /><span>印花连衣裙</span></a>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="upload/sort_15.jpg" alt="" /><span>雪纺连衣裙</span></a>
                        </li>
                    </ul>
                </div>
            </div> -->
            </div>
        </div>
        <script src="js/iscroll.js"></script>
        <script type="text/javascript">
            var myScroll = new IScroll("#wrapper")
                // mouseWheel: true, //鼠标滑轮开启

            // scrollbars: true, //滚动条可见
        </script>

</body>

</html>